ajax() คือ คำสั่งของ jQuery มีไว้สำหรับการสร้างการสื่อสารระหว่างเครื่อง Client และเครื่อง Server ในรูปแบบของ AJAX (Asynchronous JavaScript and XML) ซึ่งมีประโยชน์อย่างมากในการพัฒนาเว็บไซต์ หรือโปรแกรมต่าง ๆ ในปัจจุบัน
ภาพรวมของ ajax()
1. ใช้คำสั่ง $.ajax() สำหรับสร้างการสื่อสารแบบ AJAX
2. รองรับการรับส่งข้อมูลในรูปแบบต่าง ๆ เช่น html, json, jsonp, script และ text
3. รองรับการสร้าง inner function เพื่อตรวจสอบสถานะต่าง ๆ เช่น beforeSend, error, dataFilter, success และ complete
ตัวอย่างโปรแกรมทางฝั่ง AJAX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div id='result'></div>
<script type="text/javascript">
$(document).ready(function(){
var url = "date.php";
$.ajax({
url:url,
success:function(data){
$('#result').html( data );
}
});
});
</script>
</body>
</html>
ตัวอย่างโปรแกรมทางฝั่งประมวลผล
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<?
echo "<b>Current Date and Time from Server :</b> ".date("Y-m-d / H:i:s");
?>
</body>
</html>
ผลลัพธ์
